﻿@using MomWorld.Models
@model LoginViewModel

@{
    ViewBag.Title = "Log in";
}
@{
    Layout = null;
}

@*<h2>@ViewBag.Title.</h2>
<div class="row">
    <div class="col-md-8">
        <section id="loginForm">
            @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
            {
                @Html.AntiForgeryToken()
                <h4>Use a local account to log in.</h4>
                <hr />
                @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                <div class="form-group">
                    @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" })
                    <div class="col-md-10">
                        @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
                        @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(m => m.Password, new { @class = "col-md-2 control-label" })
                    <div class="col-md-10">
                        @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
                        @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
                        <div class="checkbox">
                            @Html.CheckBoxFor(m => m.RememberMe)
                            @Html.LabelFor(m => m.RememberMe)
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
                        <input type="submit" value="Log in" class="btn btn-default" />
                    </div>
                </div>
                <p>
                    @Html.ActionLink("Register as a new user", "Register")
                </p>
                @* Enable this once you have account confirmation enabled for password reset functionality
                <p>
                    @Html.ActionLink("Forgot your password?", "ForgotPassword")
                </p>*@
            }
        @*</section>
    </div>
    <div class="col-md-4">
        <section id="socialLoginForm">
            @Html.Partial("_ExternalLoginsListPartial", new ExternalLoginListViewModel { Action = "ExternalLogin", ReturnUrl = ViewBag.ReturnUrl })
        </section>
    </div>
</div>*@
@*@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}*@
<!DOCTYPE html>
<html>
<head>
    <title>Mom's World - Login Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8" />

    <link rel="icon" type="image/ico" href="assets/images/favicon.png" />
    <!-- Bootstrap -->
    <link href="@Url.Content("~/Content/assets/css/vendor/bootstrap/bootstrap.min.css")"
          rel="stylesheet">
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
          rel="stylesheet">
    <link rel="stylesheet" href="@Url.Content("~/Content/assets/css/vendor/bootstrap-checkbox.css")">
    <link rel="stylesheet"
      href="@Url.Content("~/Content/assets/css/vendor/bootstrap/bootstrap-dropdown-multilevel.css")">

    <link href="@Url.Content("~/Content/assets/css/minimal.css")" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
</head>
<body class="bg-1">
    <!-- Wrap all page content here -->
    <div id="wrap">
        <!-- Make page fluid -->
        <div class="row">
            <!-- Page content -->
            <div id="content" class="col-md-12 full-page login">


                <div class="inside-block">
                    <img src="@Url.Content("~/Content/assets/images/logo-big.png")" class="logo">
                    <h1>
                        <strong>Đăng nhập</strong>
                    </h1>

                    <form id="form-signin" class="form-signin">
                        <section>
                            <div class="input-group">
                                <input type="text" class="form-control" name="username"
                                       placeholder="Tài khoản">
                                <div class="input-group-addon">
                                    <i class="fa fa-user"></i>
                                </div>
                            </div>
                            <div class="input-group">
                                <input type="password" class="form-control" name="password"
                                       placeholder="Mật khẩu">
                                <div class="input-group-addon">
                                    <i class="fa fa-key"></i>
                                </div>
                            </div>
                        </section>
                        <section class="controls">
                            <div class="checkbox check-transparent">
                                <input type="checkbox" value="1" id="remember" checked>
                                <label for="remember">Ghi nhớ</label>
                            </div>
                            <a href="password-recovery.html#">Quên mật khẩu ?</a>
                        </section>
                        <section class="log-in">
                            <button class="btn btn-greensea btn-lg"><i class="fa fa-sign-in"></i> Đăng nhập</button>
                        </section>

                        <section class="log-in">
                            <a href="register.html" class="btn btn-orange">
                                <i class="fa fa-plus-square"></i> Đăng
                                kí
                            </a> <span>hoặc <strong>về</strong></span> <a href="index.html" class="btn btn-red">
                                <i class="fa fa-home"></i> Trang chủ
                            </a>
                        </section>
                    </form>
                </div>


            </div>
            <!-- /Page content -->
        </div>
    </div>
    <!-- Wrap all page content end -->
</body>
</html>
